<template>
  <div>
    <DocHeader :title="data.title" diagnosis />
    <div class="docMain">
      <div class="textIndent2">
        尊敬的{{
          patCur.patientName
        }}患者（或家属）:根据您（您的家人）住院期间的疾病程度、用药情况及身体状况等，我们依据《住院患者风险评估表》进行了评估，病人属于跌倒高风险人群，特给予告知。
      </div>
      <div class="textIndent2">
        我们也将采取相关的措施,并希望得到您的配合。我们共同努力，尽量防止跌倒事件的发生。希望病人注意:
      </div>
      <div class="textIndent2">（1）穿长度合适的裤子,并穿防滑鞋。</div>
      <div class="textIndent2">（2）湿性拖地后避免不必要的走动。</div>
      <div class="textIndent2">
        （3）睡觉时请将床栏放好,离床活动时应有人陪护。
      </div>
      <div class="textIndent2">
        （4）请您将信号灯、眼镜、杂志等放在随手易取之处,学会床边呼叫器的使用。
      </div>
      <div class="textIndent2">
        （5）如您头晕、或服用镇静安眠药物,下床前先坐于床缘，再由照顾者扶下床。
      </div>
      <div class="textIndent2">
        （6）如您在行走时出现头晕、双眼发黑、下肢无力、步态不稳和不能移动时，立即原地坐(蹲）下或靠墙，呼叫他人帮助。
      </div>
      <div class="textIndent2">
        （7）改变体位应遵守“三部曲”:即平躺30秒、坐起30秒、站立30秒,再行走。避免突然改变体位,尤其是夜间。
      </div>
      <div class="textIndent2">
        （8）请您尽量将使人常用物品固定放置,保持走道通畅。
      </div>
    </div>
    <div class="flexBox">
      <div class="signArea">
        <div>病人或家属签字：</div>
        <div>责任护士签字：</div>
        <div>签字日期：</div>
        <div>{{ hospitalName }}护理部</div>
      </div>
    </div>
  </div>
</template>

<script>
import { defineComponent, reactive, toRefs } from 'vue'

import DocHeader from '../DocHeader.vue'

export default defineComponent({
  components: {
    DocHeader
  },
  props: {
    patCur: {
      type: Object,
      default: () => ({})
    },
    data: {
      type: Object,
      default: () => ({})
    }
  },
  setup() {
    const state = reactive({
      hospitalName: window.hospitalName
    })
    return {
      ...toRefs(state)
    }
  }
})
</script>

<style lang="scss" scoped>
.docMain {
  line-height: 2em;
  margin-top: 10px;
}

.signArea {
  margin-top: 30px;
  width: 40%;

  & > div {
    margin-top: 40px;
  }
}

.textIndent2 {
  text-indent: 2em;
}

.flexBox {
  display: flex;
  justify-content: flex-end;
}
</style>
